import { Component, Prop, Vue } from 'vue-property-decorator';
import { Card } from 'element-ui';
import './style/index.less';
@Component({
  components: { Card },
})
export default class WContainer extends Vue {
  @Prop(String) private title!: string;
  private render() {
    return (
      <main class='main-container'>
        <h1 class='page-header'>{this.title || 'vue'}</h1>
        <div class='panel panel-success'>
          <div class='panel-heading'>{this.$slots.header}</div>
          <div class='panel-body'>{this.$slots.body}</div>
        </div>
      </main>
    );
  }
}
